import style from "./style.module.less";
import logoPic from "@/assets/images/main/logo.png";
import type { banner } from "./types";
const bannerList: banner[] = [
  {
    id: 1,
    title: "React基础",
  },
  {
    id: 2,
    title: "React综合案例",
  },
  {
    id: 3,
    title: "HCJ",
  },
  {
    id: 4,
    title: "工具库封装",
  },
];
export default function Banner() {
  return (
    <div className={style.banner}>
      <div className={style["banner-left"]}>
        <img src={logoPic} alt="logo" />
      </div>
      <div className={style["banner-main"]}>
        {bannerList.map((item) => (
          <div key={item.id} className={style["banner-main-item"]}>
            {item.title}
          </div>
        ))}
      </div>
      <div className="banner-right"></div>
    </div>
  );
}
